﻿@import url("reset.css");
@import url("colors.less");
@import url("font.less");
@import url("mixins.less");
@import url("common.less");
@import url("layout.less");

/*Site specific CSS*/
#testbed
{
	div
	{
		width: 100%;
		padding: 5px;
		margin: 5px auto;
		text-align: center;
		text-transform: uppercase;
	}
	#ps2
	{
		background-color: @col-primary-2;
		h1
		{
			color: @col-font-on-primary-2;
			&:after
			{
				content: " - @{col-primary-2}";
			}
		}
	}

	#ps1
	{
		background-color: @col-primary-1;
		h1
		{
			color: @col-font-on-primary-1;
			&:after
			{
				content: " - @{col-primary-1}";
			}
		}
	}

	#ps
	{
		background-color: @col-primary;
		h1
		{
			color: @col-font-on-primary;
			&:after
			{
				content: " - @{col-primary}";
			}
		}
	}

	#pc1
	{
		background-color: @col-complementary-1;
		h1
		{
			color: @col-font-on-complementary-1;
			&:after
			{
				content: " - @{col-complementary-1}";
			}
		}
	}

	#pc2
	{
		background-color: @col-complementary-2;
		h1
		{
			color: @col-font-on-complementary-2;
			&:after
			{
				content: " - @{col-complementary-2}";
			}
		}
	}
}